<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			/* 1.内部样式，style标签里写的是css代码 */
/* 			div{
				font-size: 50px;
				color: green;
			} */
			
			
			/* CSS选择器 */
			/* 一、标签选择器 */
/* 			div{
				color: red;
				font-size: 400px;
			} */
			
			/* 二.类选择器 */
/* 			.one{
				color: aqua;
				font-size: 40px;
			} */
			
			/* 三.id选择器 */
/* 			#id_div{
				color: pink;
				font-size: 50px;
			}
			 */
			
			/* 文本相关 */
			.one{
				font-size: 100px;
				/* 文本颜色写法 */
				/* 1.直接写 */
				/* color: #FF0000; */
				
				/* 2.使用rgb表示 */
				/* 每个分量都是一个字节,取值范围是0~255 */
				color: rgb(0,255,0);
				/* 文本对齐 */
				text-align: center;
				/* 文本装饰 */
				text-decoration: underline;
				/* 文本缩进 */
				text-indent: 20px;
				/* 行高 */
				line-height: 100px;
			}
			
			/* 字体相关 */
			.two{
				/* 字体家族 */
				font-family: "宋体";
				/* 字体大小 */
				font-size: 100px;
				/* 字体粗细,100-900 */
				font-weight: 900;
				/* 设置文字倾斜 */
				font-style: italic;
			}
			
			.one p{
				font-size: 100px;
				color: rgb(0,0,255);
				text-align: center;
				text-decoration: underline;
			}
			
			.three{
				font-size: 100px;
				width: 2000px;
				height: 1600px;
				color: chocolate;
				background-color: aquamarine;
				background-image: url(./111.png);
				/* background-repeat: no-repeat; */
				background-position: center center;
				background-size: 200px 160px;
			}
			
			.four{
				width: 500px;
				height: 300px;
				background-color: gray;
				/* border-radius的值恰好是边长的一半 */
				border-radius: 50px;
			}
		</style>
		
		
		<!-- 2.外部样式，通过link标签把css文件引入 -->
		<!-- <link rel="stylesheet" href="css_demo.css"/> -->
	</head>
	<body>
<!-- 		<div>hello world</div> -->
		
		<!-- 3.内联样式 -->
		<!-- <div style="color: blue; font-size: 200px;">hehe</div> -->
		
		<div class="one">hehehehehe</div>
		
		<div class="two">xxxxxxxxxx</div>
		
		<p>
			<div class="one">mmmmmmmmmmm</div>
		</p>
		
<!-- 		<div id="id_div">hahahahaha</div> -->

		<div class="three">wwwwwwwwwwwwwwwwww</div>
		
		<div class="four">这是一个圆角矩形</div>
		
	</body>
</html>
